﻿@model StudentEditVidewModel

@{

    ViewBag.Title = "编辑学生信息";

    // 获取当前学生的照片信息路径

    var photoPath = "~/images/" + (Model.ExistingPhotoPath ?? "noimage.png");
}


    <form enctype="multipart/form-data" asp-controller="home" asp-action="edit" method="post" class="mt-3">

        <div asp-validation-summary="All" class="text-danger"></div>


        <input hidden asp-for="Id" />
        <input hidden asp-for="ExistingPhotoPath" />


        <div class="form-group row">
            <label asp-for="Name" class="col-sm-2 col-form-label"></label>
            <div class="col-sm-10">
                <input asp-for="Name" class="form-control" placeholder="请输入名字" />
                <span asp-validation-for="Name" class="text-danger"></span>
            </div>
        </div>

        <div class="form-group row">
            <label asp-for="Email" class="col-sm-2 col-form-label"></label>
            <div class="col-sm-10">
                <input asp-for="Email" class="form-control" placeholder="请输入邮箱地址">
                <span asp-validation-for="Email" class="text-danger"></span>
            </div>
        </div>

        <div class="form-group row">
            <label asp-for="ClassName" class="col-sm-2 col-form-label"></label>
            <div class="col-sm-10">
                <select asp-for="ClassName" class="custom-select mr-sm-2"
                        asp-items="Html.GetEnumSelectList<ClassNameEnum>()">
                    <option value=""> 请选择</option>
                </select>
                <span asp-validation-for="ClassName" class="text-danger"></span>
            </div>
        </div>


        <div class="form-group row">
            <label asp-for="Photos" class="col-sm-2 col-form-label"></label>
            <div class="col-sm-10">
                <div class="custom-file">
                    <input asp-for="Photos" multiple class="form-control custom-file-input">
                    <label class="custom-file-label">请选择照片....</label>
                </div>
            </div>
        </div>

        <div class="form-group row row col-sm-4 offset-4" >
           
            <img class="imagesThumbnail" src="@photoPath" asp-append-version="true" />



        </div>




        <div class="form-group row">
            <div class="col-sm-10">
                <button type="submit" class="btn btn-primary">更新</button>

                <a asp-action="index" asp-controller="home" class="btn btn-primary" >取消</a>
                
            </div>
        </div>
        


        @section Scripts{

            <script type="text/javascript">
                $(document).ready(function () {

                    $('.custom-file-input').on("change", function () {

                        console.log($(this));
                        //var fileName = $(this).val().split("\\").pop();
                        //$(this).next(".custom-file-label").html(fileName);


                        var fileLabel = $(this).next(".custom-file-label");

                        var files = $(this)[0].files;

                        if (files.length > 1) {

                            fileLabel.html("您已经选择了" + files.length + "个文件");
                        } else {
                            fileLabel.html(files[0].name);
                        }




                    });


                });




            </script>


        }


    </form>





